<!DOCTYPE html>
<meta charset="UTF-8">
<div class="input-group" style="width: 287px;">
	<span class="input-group-addon" style="width: 80px;">选择租户</span> <select
		onchange="mChange(this.value)" id="mSel" class="form-control">
		<option th:each="l:${lessees}" th:value="${l.id}"
			th:text="${l.tenantname}"></option>
	</select>
</div>
<script type="text/javascript">
var options = {
		url : '../lesseekingroot/list',
		caption : '软件授权信息',
		//显示数据数
		viewrecords : true,
		altRows : true,
		autowidth : true,
		width : 1000,
		height : 'auto',
		datatype : 'json',
		mtype : 'post',
		rowNum : 10,
	    postData:{lesseeId:[[${lesseeid}]]},
		rowList : [ 10, 20, 50 ],
		prmNames : {
			search : "search"
		},
		sortname : 'id',
		iewrecords : true,
		pager : '#div1',
		jsonReader : {
			repeatitems : false,
			id : 'id'
		},
		colModel : [
		{
			label : 'id',
			name : 'id',
			index : 'id',
			align : 'center',
			sortable : true,
			width : 50,
			sorttype : 'int',
			search : false,
			hidden : true
		},{
			label : '租户',
			name : 'lessee.id',
			index : 'lessee.id',
			hidden : true,
			align : 'center',
			sortable : true,
			width : 80,
			sorttype : 'int',
			search : false,
			editable : false
			
		},{
			label : '租户名称',
			name : 'lessee.name',
			index : 'lessee.name',
			hidden : true,
			align : 'center',
			sortable : true,
			width : 80,
			sorttype : 'int',
			search : false,
			editable : false
			
		},{
			label : '授权起始日期',
			name : 'statime',
			index : 'statime',
			width : 100,
			align : 'center',
			editable : true,
			sortable : true,
			editrules : {
				edithidden : true
			},
			editoptions:{
                dataInit:function(e){
                	laydate.render({
                		  elem: e //指定元素
                		});
                    $(this).click(function(e){//选中时间后隐藏
                        $(e).parent().datepicker('hide');
                    });
                }
            },
			sorttype : 'text'
		}, {
			label : '授权截止日期',
			name : 'endtime',
			index : 'endtime',
			width : 120,
			align : 'center',
			sortable : true,
			editable : true,
			editrules : {
				edithidden : true
				},
				editoptions:{
	                dataInit:function(e){
	                	laydate.render({
	                		  elem: e //指定元素
	                		});
	                    $(this).click(function(e){//选中时间后隐藏
	                        $(e).parent().datepicker('hide');
	                    });
	                }
	            },
			sorttype : 'text'
		 }, {
			label : '缴费金额',
			name : 'money',
			index : 'money',
			align : 'center',
			sortable : true,
			width : 100,
			editable : true,
			sorttype : 'int'
		} ]
	}
	
$(function() {
	$('#tabel1').jqGrid(options);
	$("#tabel1").jqGrid('navGrid','#div1',{
				edit : false,
				add : false,
				del : false,
				search:false,
				view:true
			},
			{
				left : 600,
				top : 200,
				beforeSubmit : function(postdata, formid) {
					postdata['lessee.id'] = $('#mSel').val();
					return [ true, 'OK!' ];
				},
				closeAfterEdit : true,
				closeOnEscape : true,
				savekey : [ true, 13 ]
			},
			{
				left : 600,
				top : 200,
				beforeSubmit : function(postdata, formid) {
					postdata.id = '',
							postdata['lessee.id'] = $('#mSel').val();
					return [ true, 'OK!' ];
				},
				closeAfterAdd : true,
				closeOnEscape : true,
				savekey : [ true, 13 ]
			}, {

			}, {
				left : 600,
				top : 200,
				closeAfterSearch : true,
				closeAftreReset : true,
				closeOnEscape : true,
				multipleSearch : true
		});
});

function mChange(lesseeId) {
	var postdata = {
		lesseeId : lesseeId
	};
	options.postData = postdata;
	$("#tabel1").setGridParam(options).trigger("reloadGrid");
}	
</script>
<table id="tabel1"></table>
<div id="div1"></div>